/*
 * buttons
 * http://www.gironimo.org/
 */
a.button {
    background-image: url(../images/button-normal.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    display: block;
    float: left;
    font-size: 13px;
    height: 32px;
    padding-right: 17px;
    color: #3D3D3D;
    text-shadow: 1px 1px 1px #FFF;
    border: 0 none;
}

a.button span {
    background-image: url(../images/button-normal.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 21px;
    padding: 5px 5px 6px 22px;
}

a.button.blue,
a.button.black,
a.button.red,
a.button.green,
a.button.orange {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}

a.button.blue,
a.button.blue span { background-image: url(../images/button-blue.png); }

a.button.black,
a.button.black span { background-image: url(../images/button-black.png); }

a.button.red,
a.button.red span { background-image: url(../images/button-red.png); }

a.button.green,
a.button.green span { background-image: url(../images/button-green.png); }

a.button.orange,
a.button.orange span { background-image: url(../images/button-orange.png); }

a.button:hover { color: #000; }

a.button.blue:hover,
a.button.black:hover,
a.button.red:hover,
a.button.green:hover,
a.button.orange:hover { color: #EEE; }

/* buttons with icons */
a.icon-button {
    background-image: url(../images/icon-button-sprite.png);
    background-repeat: no-repeat;
    background-position: right -34px;
    color: #474747;
    float: left;
    display: block;
    font-size: 13px;
    height: 34px;
    text-shadow: 1px 1px 1px #FFF;
    padding-right: 17px;
    border: 0 none;
}

a.icon-button span.icon {
    background-image: url(../images/icon-button-sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 34px;
}

a.icon-button span.icon span {
    background-image: url(../images/icon-button-question.png);
    background-repeat: no-repeat;
    background-position: 14px 9px;
    display: block;
    height: 21px;
    padding: 6px 0 7px 40px;
}

a.icon-button.warning span.icon span { background-image: url(../images/icon-button-warning.png); }

a.icon-button.search span.icon span {
    background-image: url(../images/icon-button-search.png);
    background-position: 15px 8px;
}

a.icon-button.refresh span.icon span {
    background-image: url(../images/icon-button-refresh.png);
    background-position: 14px 8px;
}

a.icon-button.download span.icon span {
    background-image: url(../images/icon-button-download.png);
    background-position: 14px 6px;
}

a.icon-button.edit span.icon span {
    background-image: url(../images/icon-button-edit.png);
    background-position: 15px 9px;
}

a.icon-button.notice span.icon span {
    background-image: url(../images/icon-button-notice.png);
    background-position: 15px 9px;
}

a.icon-button:hover {
    background-position: right bottom;
    color: #000;
}

a.icon-button:hover span.icon { background-position: left -68px; }

/* index page */
#slides a.button {
    position: absolute;
    right: 30px;
    bottom: 5px;
}

